<template>
  <div style="width: 100%; height: 570px; position: relative;">
    <iframe
      style="position: relative"
      :src="dtjddata.reportUrl"
      width="100%"
      height="100%"
      frameborder="0"
      title="TC 报告"
    ></iframe>
  </div>
</template>

<script setup lang="ts">

// 定义 props
const props = defineProps<{
  dtjddata: object
  dataId: number
}>()

/** 数据查询-TC报告 列表 */
defineOptions({ name: 'DataQueryDtjd' })
</script>
<style scoped>
iframe{
  width: 100%;
  height: 100%;
}

/*@media screen and (max-width: 1670px) {
  iframe {
    width: 200%;
    height: 200%;
    transform-origin: left top;
    transform: scale(0.5, 0.5);
  }
}

@media screen and (max-width: 1000px) {
  iframe {
    width: 330%;
    height: 330%;
    transform: scale(0.3, 0.3);
  }
}

@media screen and (max-width: 600px) {
  iframe {
    width: 677%;
    transform: scale(0.149, 0.149);
  }
}*/

@media screen and (max-width: 600px) {
  iframe {
    width: 450%;
    height: 450%;
    transform-origin: left top;
    transform: scale(0.22, 0.22);
  }
}

@media screen and (max-width: 400px) {
  iframe {
    width: 677%;
    height: 677%;
    transform-origin: left top;
    transform: scale(0.149, 0.149);
  }
}
</style>
